.mt16{
  margin-top:16px;
}
.mt20{
  margin-top:20px;
}
.mgr15{
  margin-right: 15px;
}
.mb15{
  margin-bottom:15px;
}
.pd15{
  padding: 15px;
}
.font14{
  font-size:14px;
}
.formSearch{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.fr{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.tr{
  text-align: right;
}
.primaryBgColor{
  background-color: var(--modal-bgcolor) !important;
}
.whiteBgColor{
  background-color: #fff;
}
.pageWrap{
  /* margin:30px; */
	background:#fff;
	/* height: calc(100vh - 60px); */
	border-radius: 10px;
  padding:16px;
}
.pageWrap.pageDetail{
  background: transparent;
}
.centerLR{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.startLR{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.centerVH{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.leftVH{
  display: flex;
  flex-direction: column;
  
}
.formSearch .gap{
  margin-left:5px;
}
.formSearch .select{
  width:120px;
}
.formSearch .input{
  width:180px;
}
.formSearch .button{
  height: 32px;
}
.flexHeight{
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: calc(100% - 48px);
}
.flexHeight .defGraphWrap{
  height:calc(100vh - 260px);
}
.flexHeight .growBox{
  flex-grow: 1;
  height: auto;
  width:100%;
}
.buttonIcon .ivu-icon{
  font-size:28px;
  line-height: normal!important;
}
.buttonIcon:focus{
  border: none !important;
  box-shadow:none!important;
}
.buttonIcon.ivu-btn-icon-only{
  padding:0px 15px;
}

/* 详情页面主要样式 */

.breakNav{
  color: rgb(27, 76, 184);
  margin-bottom: 16px;
  margin-top:-15px;
}
.addressIcon{
  display: inline-block;
  height: 14px;
  width: 12px;
  background: url("../../../assets/globalIcon/addressIcon.png") no-repeat center;
  background-size: 100% 100%;
  margin-bottom: -1px;
}
.pageWrap.pageDetail{
  background: transparent;
}
.modal-class{
  position:absolute;
  background:#f4f7ff;
  top:50px;
  min-width: 420px;
}
.modal-mask{
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  min-height: 100vh;
  height:100%;
  background:rgba(0,0,0,0.5)
}
.listItemTreePre{
  flex-grow: 1;
  /* margin-left:15px; */
  /* border-left:20px solid #f4f7ff; */
  /* border-left:1px dashed #888; */
}
.listItemTreePre svg{
  width:100%;
  height: 100%;
  background-color: #fff;
}
.modal-header{
  display: flex;
  border-bottom:1px solid rgb(230, 223, 223);
  background-color: #fff;
  padding:0 15px 15px;
  align-items: center;
}
.modal-content{
  /* padding:0 15px; */
}
.modal-content form{
  background-color: #fff;
}

.addType{
  display: flex;
  padding: 15px 0;
}
.addType>label{
  margin-right: 15px;
}
.modal-form{
  padding: 15px 15px 15px 0;
}
.modal-class .ivu-form-item{
  padding: 12px 15px;
  margin-bottom: 0;
}
.oprateBtn{
  padding: 15px;
  text-align: right;
}
/* 模态框中的树 */
ul.treelist{
    /* padding:16px 0;
    border: 1px solid #eee;
    margin-right:16px; */
    background: #fff;
    border-radius: 6px;
}
ul.treelist li{
  padding:10px;
  border-bottom: 1px solid #eee;
}

ul.treelist li.active{
  font-weight: bold;
  font-size:14px;
}
.preLeft{
  min-width:220px;
  width:240px;
  padding: 15px 15px 0;
}
.d3tree.defGraphWrap{
  height: calc(100vh - 220px);
}
.d3tree .graphText{
  margin-top: 130px;
}
.defGraphWrap{
  width: 100%;
  height: calc(100vh - 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.defGraph{
  height: 126px;
  width: 157px;
  background: url("../../../assets/globalIcon/defGraph.png") no-repeat center center;
  background-size: 157px 126px;
}
.graphText{
  color: #888;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}
.skillTree .ivu-switch:after{
  width:23px;
  height: 23px;
  border-radius: 23px;
}
.delBox{
  position: relative;
}
.delBox::after{
  position: absolute;
  content:'';
  top: -20px;
  left:0;
  width:30px;
  height: 30px;
}
.node-css{
  max-width:300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warpDivClass{
  max-width: 100%;
  height: 100%;
  overflow-y: auto;
  padding:0 6px;

}
.pTxtClass{
 /* white-space: nowrap;
 text-shadow: 0 0 5px #ddd; */
 white-space: break-spaces;
 word-break: break-all;
}
.spanClass{
  border-radius: 50%;
  background: #fff;
}